<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>创建狂想活动 - 第四步 设置推荐商品</title>
<link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/dpl.css" rel="stylesheet">
<link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/bui.css" rel="stylesheet">
<script src="http://g.tbcdn.cn/fi/bui/jquery-1.8.1.min.js"></script>
<script src="http://g.alicdn.com/bui/seajs/2.3.0/sea.js"></script>
<script src="http://g.alicdn.com/bui/bui/1.1.10/config.js"></script>
<script src="/assets/kxdr/steps.js"></script>
<style>
    /**内容超出 出现滚动条 **/
    .bui-stdmod-body{
      overflow-x : hidden;
      overflow-y : auto;
    }
  </style>
</head>
<body style="width:990px;margin:0 auto;padding:10px 0;"> 
<div class="doc-content">
    <div class="panel">
      <div class="panel-body">
	  
	  <div class="row">
		<div class="span24 doc-content">
		<h3 class="pull-left">我的互动 >>  活动列表</h3>
		<a class="button pull-right" style="margin-left:10px" href="/"><i class="icon-home"></i>返回订单抽大奖</a>
		<a class="button pull-right" style="margin-left:10px" href="/?a=gamecfg&m=shopadmin&repick=1"><i class="icon-refresh"></i>重新选择活动类型</a>
		<a class="button button-success pull-right" href="/?m=Kxdr&c=Advance&a=Index"><i class="icon icon-home icon-white"></i></a>
		</div>
	  </div>
	  </div>
	  </div>
	  </div>
 <div class="doc-content">
    <div class="panel">
      <div class="panel-header">
        <h3>创建狂想活动</h3>
      </div>
      <div class="panel-body">
	  <div class="flow-steps" style="margin:0 auto;width:948px">
		  <ol class="num4">
			<li class="first">1.选择活动项目</li>
			<li class="">2.选择队伍和猜分方式</li>
			<li class=" current-prev">3.设置活动奖品</li>
			<li class="current last">4.完成</li>
		  </ol>
		</div>
		<div class="row show-grid">
	  <div class="span8 offset1">
		<div class="panel">
		  <div class="panel-header clearfix">
			<h3 class="pull-left">界面预览</h3>
		  </div>
		  <img src="{$pic_url}_300x300.jpg" class="centered" />
		  <div class="panel-body">
		  <p>比赛名称：{$title}</p>
		  <p>参赛选手：{$player}</p>
		  <p>活动描述：{$descrip|default:""}</p>
		  <p>选手描述：{$player_descrip|default:""}</p>
		  <p>猜什么：{$cffs}</p>
		  <p>比赛开始时间：{$start}</p>
		  <p>开奖时间：{$gifting_time}</p>
		  <p>截止时间：{if $jzfs==0}开赛前{else}开赛后{/if}{$jzsj}分钟</p>
		  <p>需要积分：{$cyjf}积分</p>
		  </div>
		</div>
	  </div>
	  <div class="span15">
	  	<ul class="breadcrumb">
			<li class="active">安装方式：</li>
			<li class="active">进入<a href="http://wuxian.taobao.com/spark/newdecorate.htm" target="_blank"><span class="badge badge-success">手机店铺装修</span></a>启动活动 <a href="#" target="_blank">详细介绍</a></span></li>
		  </ul>
		  <div class="row js-giftlist">
          <div class="control-group span15">
            <div class="controls js-itemrecom">
			  <div class="well well-small button-tabs js-nogift">
			  请添加推荐商品 <a href="#" target="_blank">推荐商品在哪里出现？</a>
			  </div>
			</div>
			{foreach from=$items item=item key=key}
			<div class="well well-small button-tabs js-item{$key}"><div class="span3"><img src="{$item.pic_url}_100x100.jpg" height="100" width="100" class="pull-left"></div><div class="span11"><button class="button button-mini button-danger pull-right js-delitem" data-numid="{$key}">删除</button><h1>{$item.title}</h1><p>{$item.recomment}</p></div></div>
			{/foreach}
          </div>
        </div>
		<div class="row">
          <div class="control-group span15">
			<button type="button" class="button button-mini pull-right js-addgoods">添加推荐商品</button>
		  </div>
		</div>
        <div class="row form-actions actions-bar" style="margin-left:0">
            <div class="span13 offset5 ">
			<a href="/?m=Kxdr&c=Advance&a=Index" class="button button-large button-primary">　完成　</a>
              
            </div>
        </div>
	  </div>
</div>
</body>
</html>